<!DOCTYPE html>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>



<section class="container">
		<!-- Título da Página -->
		<br/>
		<div>
			<h1>
				Meus Pedidos &nbsp;<a href="javascript:void(0);"
					onclick="startIntroView();"
					class="btn btn-default btn-xs ajuda-gat" data-toggle="tooltip"
					title="" alt="teste"
					data-original-title="Saiba como funciona o Dashboard."><span
					class="glyphicon glyphicon-question-sign push-right"></span> Ajuda</a>
			</h1>
		</div>
		<!-- Título da Página Fim -->
		<br/>
		<div id="placeholder"></div>

		<!-- ABAS -->
		<ul id="tableNav" class="nav nav-tabs row"
			data-intro='Através das abas do DASHBOARD você acompanha todas as Solicitações de Modelagem...'
			data-position="top" data-step="2">
			<li class="tabAndamento active"
				data-intro='...Solicitações que estão em EM ANDAMENTO...'
				data-position="bottom"><a href="#andamento" data-toggle="tab"
				data-step="3">Em Andamento</a></li>
			<li class="tabFinalizada"
				data-intro='...ou Solicitações já CONCLUÍDAS.'
				data-position="bottom"><a href="#finalizadas" data-toggle="tab"
				data-step="4">Finalizadas</a></li>
			<li class="pull-right novo-ativo"
				data-intro='Neste menu (visível somente no Dashboard) você solicita a inclusão de um novo Ativo para "Usina" ou "Carga".'
				data-position="left" data-step="5">
				<div class="btn-group pull-right">
					<button type="button" class="btn btn-primary dropdown-toggle"
						data-toggle="dropdown">
						<span class="glyphicon glyphicon-plus"></span> &nbsp;Incluir novo Pedido&nbsp; <span class="caret"></span>
					</button>
					<ul id="solicitacao" class="dropdown-menu" role="menu">
						<li class="bt-solicitacao"><span>Preenchimento do Pedido</span>
							<div class="model">
								<button type="button" class="btn btn-primary" onclick="ajaxURL('/smmb-web/smmb/solicitacao')">Moto</button>
								<button type="button" class="btn btn-primary" onclick="ajaxURL('/smmb-web/smmb/solicitacao')">Carro</button>
								<button type="button" class="btn btn-primary" onclick="ajaxURL('/smmb-web/smmb/solicitacao')">Rodoviário</button>
								<button type="button" class="btn btn-primary" onclick="ajaxURL('/smmb-web/smmb/solicitacao')">Aéreo</button>		
							</div>
						</li>
					</ul>
				</div>
			</li>
		</ul>
		<!-- ABAS FIM -->

		<!--
		Chamar a divs abaixo para abril o modal com o filtro de agentes e filtro de agentes representados
	-->
		<div class="modal fade" id="modal-filtro-agente-usina"></div>
		<div class="modal fade" id="modal-filtro-agente-carga"></div>
		<div class="modal fade" id="modal-filtro-agente-representado"></div>
		<div class="modal fade" id="modal-editar-solicitacao"></div>
		<!-- Conteúdo das Abas -->
		<div class="tab-content">

			<!-- Aba Em Andamento -->
			<div class="tab-pane active fade" id="andamento">
				<!-- Filtros -->
				<div id="filtro" class="row gradiente-tab">

					<!-- Filtro de Data -->
					<div class="buttonTabC btn-group btn-group-sm col-md-8 nopadding">
						<form class="form-horizontal" id="form-date">
							<fieldset>
								<div class="control-group pull-left">
									<div class="controls">
										<div class="input-prepend input-group">
											<i
												class="glyphicon glyphicon-calendar fa fa-calendar input-ico"></i>
											<input type="text" style="width: 200px" name="reservation"
												id="dataB" class="form-control input-lg dataPick dateInput"
												placeholder="Escolha o período...">
										</div>
									</div>
								</div>
								<button type="button"
									class="btn btn-sm btn-primary pull-left clear-date">Limpar data</button>
							</fieldset>
						</form>
					</div>
					<!-- Filtro de Data Fim-->

					<!-- Filtros de Status -->
					<div id="step1" class="buttonTabD btn-group btn-group-sm col-md-12"
						data-intro='Filtro do Dashboard já está selecionado. Para diminuir a quantidade de itens em sua lista de resultados basta tirar o check.'
						data-position="top">
						<button id="bt01" value="Em preenchimento" type="button"
							class="btn btn-default">
							Em preenchimento <span class="badge invert"
								data-intro='O Filtro também mostra a quantidade de itens que têm por etapa do processo.'
								data-position="right">1</span>
						</button>
						<button id="bt02" type="button" value="Pedido Realizado"
							class="btn btn-default">
							Pedido Realizado<span class="badge invert">2</span>
						</button>
						<button id="bt03" value="Autorização do Pagamento" type="button"
							class="btn btn-default">
							Autorização do Pagamento<span class="badge invert">3</span>
						</button>
						<button id="bt04" type="button" value="Em Transporte"
							class="btn btn-default">
							Em Transporte<span class="badge invert">4</span>
						</button>
					</div>
					<div class="btn-group btn-group-sm col-md-12">
						<button type="button"
							class="btn btn-primary btn-xs btn-select-all">Selecionar
							todos</button>
						<button type="button"
							class="btn btn-primary btn-xs btn-clear-selection ml5">Limpar
							seleção</button>
						<a href="javascript:void(0);" id="help-dashboard"
							onclick="startIntro();"
							class="btn btn-default btn-xs pull-right filtro-btn"
							role="button"><span class="glyphicon glyphicon-filter"></span>
							Passo-a-passo do filtro</a>
					</div>

					<!-- Filtros de Status Fim -->

					<hr />
				</div>

				<!-- Tabela -->
				<div id="boxAndamento" class="boxTabela row clearfix">

					<!-- INICIO TABELA -->
					<table id="andamentoTable"
						class="col-md-12 table table-striped nopadding">
						<thead>
							<tr>
								<th class="numero-ativo"><div data-toggle="tooltip"
										title="Nº do Pedido">Nº do Pedido</div></th>
								<th class="nome-ativo"><div data-toggle="tooltip"
										title="Nome do Moto Boy">Nome do Moto Boy</div></th>
								<th class="tipo-ativo"><div data-toggle="tooltip"
										title="Tipo do Pedido">Tipo do Pedido</div></th>
								<th class="proprietario"><div data-toggle="tooltip"
										title="Proprietário">Proprietário</div></th>
								<th class="tipo-solicitacao"><div data-toggle="tooltip"
										title="Tipo de Solicitação">Tipo de Solicitação</div></th>
								<th class="solicitada-para"><div data-toggle="tooltip"
										title="Solicitada para">Solicitada para</div></th>
								<th class="status"
									data-intro='Na lista há a legenda com status de cada solicitação Em andamento...'
									data-position="top"><div data-toggle="tooltip"
										title="Status">Status</div></th>
								<th class="data-limite"><div data-toggle="tooltip"
										title="Data Limite">Data Limite</div></th>
								<th class="indicadores"
									data-intro='Os indicadores que não estão "verdes" possuem Pendências Relacionadas e precisam ser consultadas.'
									data-position="left"><div data-toggle="tooltip"
										title="Indicadores">Indicadores</div></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</tbody>
					</table>
					<!-- FIM TABELA -->

					<!-- <button id="bt10" type="button" value="todos" class="btn btn-default verTodos">Ver todos</button> -->

				</div>
			</div>

			<!-- Aba Finalizadas -->
			<div class="tab-pane active fade" id="finalizadas">
				<div class="row gradiente-tab">
				
					<!-- Filtro de Data -->
					<div class="buttonTabC btn-group btn-group-sm col-md-8 nopadding">
						<form class="form-horizontal" id="form-date">
							<fieldset>
								<div class="control-group pull-left">
									<div class="controls">
										<div class="input-prepend input-group">
											<i
												class="glyphicon glyphicon-calendar fa fa-calendar input-ico"></i>
											<input type="text" style="width: 200px" name="reservation"
												id="dataB" class="form-control input-lg dataPick dateInput"
												placeholder="Escolha o período...">
										</div>
									</div>
								</div>
								<button type="button"
									class="btn btn-sm btn-primary pull-left clear-date">Limpar data</button>
							</fieldset>
						</form>
					</div>
					<!-- Filtro de Data Fim-->
					
					<!-- Filtros de Status -->
					<div class="buttonTabD btn-group btn-group-sm col-md-12">
						<button id="bt08" type="button" value="Cancelada"
							class="btn btn-default">
							Cancelada <span class="badge invert">1</span>
						</button>
						<button id="bt09" type="button" value="Concluída"
							class="btn btn-default">
							Concluída <span class="badge invert">1</span>
						</button>
					</div>
					

					
					<div id="resetdate" class="btn-group btn-group-sm col-md-12">
						<button type="button"
							class="btn btn-primary btn-xs btn-select-all">Selecionar
							todos</button>
						<button type="button"
							class="btn btn-primary btn-xs btn-clear-selection ml5">Limpar
							filtros</button>
						<a href="javascript:void(0);" onclick="startIntro2();"
							class="btn btn-default btn-xs pull-right filtro-btn"
							role="button"><span class="glyphicon glyphicon-filter"></span>
							Passo-a-passo do filtro</a>
					</div>
					<!-- Filtros de Status Fim -->

					<hr />
				</div>
				<div id="boxFinalizada" class="boxTabela row clearfix">
					<table id="finalizadaTable"
						class="col-md-12 table table-striped table-hover nopadding">
						<thead>
							<tr>
								<th><div data-toggle="tooltip" title="Nº do Pedido">Nº do Pedido</div></th>
								<th><div data-toggle="tooltip" title="Nome do Moto Boy">Nome do Moto Boy</div></th>
								<th><div data-toggle="tooltip" title="Tipo do Pedido">Tipo do Pedido</div></th>
								<th><div data-toggle="tooltip" title="Proprietário">Proprietário</div></th>
								<th><div data-toggle="tooltip" title="Tipo de Solicitação">Tipo de Solicitação</div></th>
								<th><div data-toggle="tooltip" title="Realizada para">Realizada para</div></th>
								<th><div data-toggle="tooltip" title="Status">Status</div></th>
								<th><div data-toggle="tooltip" title="Finalizada em">Finalizada em</div></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!-- Conteúdo das Abas FIM-->

		</div>
		<div class="clearfix"></div>




		<!-- Painel Atendimento -->
		<div class="row"
			data-intro='Se ainda assim tiver alguma dificuldade, entre em contato com a nossa Central de Atendimento.'
			data-position="top">
			<div class="panel panel-default col-md-12 nopadding mt15">
				<div class="panel-heading">
					<h2 class="panel-title">Central de Atendimento</h2>
				</div>
				<div class="panel-body">
					Nos interessamos em ouvir o que você tem a dizer. Entre em contato
					com nossa Central de Atendimento para nos comunicar suas dúvidas,
					comentários, sugestões ou críticas. De segunda a sexta-feira das 8h
					às 20h.
					<h3>0800 00 00 00</h3>
				</div>
			</div>
		</div>
		<!-- Painel Atendimento / END -->
	</section>

	<!-- Modal HELP online -->

	<!-- COLUNA 1 -->
	<div class="modal fade" id="modal-help-inclusao" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-alteracao" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-desativacao" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-gravar" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-encaminhar" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-resgatar" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-cancelar" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-requisitos" aria-hidden="true"
		tabindex="0"></div>
	<!-- COLUNA 2 -->
	<div class="modal fade" id="modal-help-pontos" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-ug" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-consorcio" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-concessionario"
		aria-hidden="true" tabindex="0"></div>
	<div class="modal fade" id="modal-help-sucessor" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-verificar-inconsistencias"
		aria-hidden="true" tabindex="0"></div>
	<div class="modal fade" id="modal-help-atividades" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-fluxo-atividades" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-abrir-notificacao" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-dashboard" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-status" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-anexos" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-revisao" aria-hidden="true"
		tabindex="0"></div>
	<div class="modal fade" id="modal-help-aprovar-reprovar"
		aria-hidden="true" tabindex="0"></div>
	<div class="modal fade" id="modal-help-observacoes" aria-hidden="true"
		tabindex="0"></div>


	<div id="getUp" data-toggle="tooltip" title="Voltar ao Topo"
		data-placement="left">
		<span class="btn btn-default glyphicon glyphicon-arrow-up"></span>
	</div>





	<script>
		$(function() {
			tables.andamentoTabela('recursos/smmb/DOM/andamento.json');
			tables.finalizadaTabela('recursos/smmb/DOM/finalizada.json');
			soma.dashboard();
			msgsDashboard();
			$('#filtro .btn').click(function() {
				$("#btn-juridico").removeClass('disabled');
			});

			$('#btn-juridico')
					.click(
							function() {
								$('#tags').val('Todos')
								$('.clear-date').click();
								$('.btn-clear-selection').click();
								$('#bt04').click();
								$('#propriedade button').addClass('active');
								$(this).addClass('disabled');
								$('#andamentoTable').dataTable().fnDestroy();
								tables.andamentoTabela('DOM/juridico.json');
								$
										.each(
												$('#andamentoTable thead .DataTables_sort_wrapper div.yadcf-filter-wrapper'),
												function(index) {
													$(this).insertAfter(
															$(this).parent());
												});
							})
			$('.btn-select-all')
					.click(
							function() {
								$('#andamentoTable').dataTable().fnDestroy();
								tables.andamentoTabela('recursos/smmb/DOM/andamento.json');
								$
										.each(
												$('#andamentoTable thead .DataTables_sort_wrapper div.yadcf-filter-wrapper'),
												function(index) {
													$(this).insertAfter(
															$(this).parent());
												});
							})
		});
	</script>